<template>
  <div class="header">
    <div class="header-content">
      <div class="header-content1">全网搜索</div>
      <div class="header-content2">
        <span class="iconfont">&#xe632;</span>
        输入项目/活动/榜单/数据
      </div>
      <div class="header-content3">
        <ul>
          <router-link class="log" to="/login">
            登录
          </router-link>
          <router-link class="reg" to="/useragree">
            注册
          </router-link>
        </ul>
      </div>
    </div>
  </div>
</template>

<script></script>

<style lang="stylus" scoped>
  .header
    width: 100%
    height: 40px
    background: #efefef
    text-align: center
    line-height: 40px
    .header-content
      display: flex
      width: 1280px
      height: 40px
      margin: 0 auto
      color: #00bcd4
      .header-content1
        width: 100px
        color: #00bcd4
        font-size: 18px
        font-weight: bold
        margin-left: 320px
      .header-content2
        width: 600px
        flex: 1
        height: 32px
        line-height: 32px
        margin-top: 4px
        margin-left: 5px
        padding-left: 10px
        background: #fff
        border-radius: 5px
        color: #999
        font-size: 14px
        text-align: left
      .header-content3
        width: 380px
        text-align:center
        font-size: 14px
        .log
          margin-right: 20px
          color: #00bcd4
        .reg
          color: #00bcd4
</style>
